.album-nav {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  line-height: 50px;
  font-size: 20px;
}

.album-swiper {
  width: 100vw;
  height: 100vh;
  overflow: auto;
  padding-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}

/* 隐藏滑块 but 依然能滑动 */
.album-swiper::-webkit-scrollbar {display: none;}

.album-item {
  max-width: 170px;
  max-height: 230px;
  overflow: hidden;
  cursor: pointer;
  border-radius: 12px;
  position: relative;
  margin: 4px;
}
.album-item:hover {
  transform: scale(1.2);
  z-index: 3;
}
.album-item:hover .address, .album-item:hover .date {display: block;}

.address {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12px 12px 0 0;
  padding-left: 5px;
  display: none;
}

.image {border-radius: 12px;}

.date {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0 12px 12px;
  text-align: right;
  padding-right: 5px;
  display: none;
}

.gauss {
  /* 定义高斯模糊样式 */
  -webkit-backdrop-filter: saturate(180%) blur(2px);
  backdrop-filter: saturate(180%) blur(2px);
  background-color: rgba(255, 255, 255, 0.7)
}
